<template>
  <div :class="{'border':border}">
    <table>
      <tr>
        <th v-for="(itemCol,i) in column" :key="i">{{itemCol}}</th>
      </tr>
      <tr v-for="(item,index) in lists"  :key="index">
        <td>{{item.name}}</td>
        <td>{{item.gender}}</td>
        <td>{{item.lover}}</td>
        <td><slot :rows="item">123</slot></td>
      </tr>
    </table>
  </div>
</template>
<script>
export default {
    props:{
        column:{
         type:Array,
         defaults:['姓名',"性别",'aiha']
     },
     lists:{
         type:Array,
         defaults:[]
     },border:{
        type:Boolean,
        defaults:false
     }

    }
     
};
</script>
<style lang="less" scoped>
  .border {
        table,td,th{
            border:1px solid #409eff;
            border-collapse: collapse;
            line-height: 56px;
            text-align: center
        }
        table{
            width:100%
        }
    }
</style>